<template>
  <div>
    <city-header></city-header>
    <city-list :sortCities="sortCities" :hotCities="hotCities"></city-list>
  </div>
</template>

<script>
import CityHeader from '../components/city/city-header'
import CityList from '../components/city/city-list'
export default {
  components: {
    CityHeader,
    CityList
  },
  data() {
    return {
      hotCities: [],
      sortCities: []
    }
  },
  methods: {},
  mounted() {
    this.$http.get('/mock/city.json').then(res => {
      const data = res.data.data
      this.hotCities = data.hotCities
      this.sortCities = data.cities
    })
  }
}
</script>

<style lang="less" scoped></style>
